.wording {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.word {
  width: auto;

  text {
    font-size: 40rpx;
    color: #2D2D2D;

    &.active {
      color: #F0C34F;
    }
  }
}

.phonetic {
  margin-top: 20rpx;
  display: flex;
  align-items: center;

  text {
    font-size: 36rpx;
    color: #2D2D2D;
  }

  image {
    width: 40rpx;
    height: 40rpx;
    margin-left: 40rpx;
  }
}

.options {
  width: 846rpx;
  display: flex;
  flex-direction: column;
}

.options_content {
  width: 100%;
  height: 56rpx;
  padding: 0 64rpx 0 16rpx;
  border-radius: 16rpx;
  background: #FFFFFF;
  box-shadow: 0 0 6rpx 0 rgba($color: #727272, $alpha: 0.35);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;

  &:not(:last-child) {
    margin-bottom: 20rpx;
  }

  &::after {
    content: "";
    width: calc(100% - 4rpx);
    height: calc(100% - 4rpx);
    border-radius: 16rpx;
    position: absolute;
    top: 0;
    left: 0;
  }

  &.hover {
    background: #009944;

    &::after {
      border: 2rpx solid #009944;
    }

    .options_box {
      color: #fff;
    }
  }

  &.active {
    background: #faac05;

    &::after {
      border: 2rpx solid #faac05;
    }

    .options_box {
      color: #fff;
    }
  }

  &.error {
    background: #6f6f6f;

    &::after {
      border: 2rpx solid #6f6f6f;
    }

    .options_box {
      color: #fff;
    }
  }
}

.options_box {
  width: 100%;
  font-size: 28rpx;
  color: #3E3E3F;
}

.options_iamge {
  width: 36rpx;
  height: 36rpx;
  position: absolute;
  top: 50%;
  right: 16rpx;
  transform: translateY(-50%);

  image {
    width: 100%;
  }
}

.btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.btn_content {
  width: 248rpx;
  height: 60rpx;
  background: #EEBE3D;
  border-radius: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;

  text {
    font-size: 30rpx;
    color: #fff;
  }
}